@import '../style/var';

.van-steps {
  position: relative;
  overflow: hidden;
  background-color: @steps-background-color;

  &--horizontal {
    padding: 10px 10px 0;

    .van-steps__items {
      position: relative;
      display: flex;
      margin: 0 0 10px;
      padding-bottom: 22px;
    }
  }

  &--vertical {
    // padding: 0 0 0 @padding-xl;
    .van-steps__items {
      padding-left: @padding-xl;
    }
  }

  &__mantle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;

    &::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8);
    }
  }
}
